<script type="text/javascript">
jQuery(document).ready(function($){ 
	jQuery('#ver_combos').click(function(){
		$('#contenido_combos').toggle();
	});

	jQuery('#ver_practicas_actuales').click(function(){
		$('#contenido_practicas_actuales').toggle();
	});
	
});
</script>
<div class="results form">
<?php echo $this->Form->create('Result', array('type' => 'file'));?>
	<fieldset>
 		<legend><?php __('Cargar Resultados'); ?></legend>
	<?php
		echo $this->Form->input('person_id',array( 'type' => 'hidden', 'value' => $id_paciente));
?>
		<table cellpadding="0" cellspacing="0">
		<tr>
			<td width="50%"><div id="practicas_cargadas" class="droppable" style="width:100%;height:320px;"><h2>Prácticas Cargadas</h2></div></td>
			<td width="50%">
<?php
/*-------------------------------------------------------------------------*/
/* Muestro los Combos Cargados											   */
/*-------------------------------------------------------------------------*/

	if(!empty($combos)){

		echo '<div id="combos_cargados"><h2><a href="#" id="ver_combos">+</a> Combos disponibles</h2><div id="contenido_combos" style="display:none">';
		foreach($combos AS $registro){

			// Obtengo el detalle de cada práctica dentro del Combo
			$str_detalle_practicas_combo = "";
			$str_id_practicas_combo = "";
			if(!empty($registro['Practice'])){
				$str_detalle_practicas_combo = "<br>";
				foreach($registro['Practice'] AS $registro_practicas){
					$str_detalle_practicas_combo .= $registro_practicas['name']."-";
					$str_id_practicas_combo .= $registro_practicas['id']."|";
				}
			}
?>
				<div id="combo_<?php echo $registro['Combo']['id'] ?>" class="problemas_dragables">
					<table cellpadding="0" cellspacing="0" id="tabla_problemas"><tr><td>
					<span style="width:100%;"><b><?php echo $registro['Combo']['name'] ?></b><?php echo $str_detalle_practicas_combo ?><input type="hidden" name="data[Result][arregloCombosSeleccionados][]" value="<?php echo $str_id_practicas_combo ?>"/><textarea name="data[PeoplePractice][arregloConclusionesCombosSeleccionadas][]" rows="3" cols="10" style="display:none"></textarea><input type="file" name="data[PeoplePractice][arregloAdjuntosCombosSeleccionados][]" style="display:none"></span>
					</td></tr></table>
				</div>
<?php
			echo $ajax->drag("combo_".$registro['Combo']['id'],array('revert'=>true)); 
		}
		echo '</div></div>';
	}else{ // Si no tiene combos cargados, defino el DIV para que no de error
		echo '<div id="combos_cargados" style="display:none"></div>';
	}
/*-------------------------------------------------------------------------*/
/* Muestro los Practicas Actuales										   */
/*-------------------------------------------------------------------------*/

	if(!empty($practicaspaciente)){

		echo '<div id="practicas_actuales"><h2><a href="#" id="ver_practicas_actuales">+</a> Prácticas Actuales</h2><div id="contenido_practicas_actuales" style="display:none">';
		foreach($practicaspaciente AS $registro){
?>
				<div id="<?php echo $registro['Practice']['id'] ?>" class="problemas_dragables">
					<table cellpadding="0" cellspacing="0" id="tabla_problemas"><tr><td>
					<span style="width:100%;"><?php echo $registro['Practice']['name'] ?><input type="hidden" name="data[PeoplePractice][arregloPracticasSeleccionadas][]" value="<?php echo $registro['Practice']['id'] ?>"/><textarea name="data[PeoplePractice][arregloConclusionesPracticasSeleccionadas][]" rows="3" cols="10" style="display:none"></textarea><input type="file" name="data[PeoplePractice][arregloAdjuntosSeleccionadas][]" style="display:none"></span>
					</td></tr></table>
				</div>
<?php
			echo $ajax->drag($registro['Practice']['id'],array('revert'=>true)); 
		}
		echo '</div></div>';
	}else{ // Si no tiene combos cargados, defino el DIV para que no de error
		echo '<div id="practicas_actuales" style="display:none"></div>';
	}

/*-------------------------------------------------------------------------*/
?>
				<input type="text" id="practicabuscada" name="practicabuscada" style="width:70%" onkeypress="prevenirPulsarEnter(this.name)"><input type="button" id="btn_buscarpracticas" value="buscar" style="width:100px" class="submit" onclick="buscarpracticas()">
				<div id="practicas_buscadas" style="width:100%;overflow-y: auto;overflow-x: hidden;"></div>
			</td>
		</tr>
		</table>
<script type="text/javascript">
//<![CDATA[
	Droppables.add('practicas_cargadas',{
			hoverclass: 'hoverActive',
			onDrop:function(draggable, droppable, event) {
				draggable.parentNode.removeChild(draggable);
				droppable.appendChild(draggable);

				// Cuando se Tira una Practica, se activa el campo de conclusion
				jQuery('textarea', draggable).each(function(){
				  jQuery(this).show();
				});

				jQuery('input', draggable).each(function(){
				  jQuery(this).show();
				});

			}
	});
	Droppables.add('practicas_buscadas',{
			hoverclass: 'hoverActive',
			onDrop:function(draggable, droppable, event) {
				draggable.parentNode.removeChild(draggable);
				droppable.appendChild(draggable);

				// Cuando se Tira una Practica, se desactiva el campo de conclusion
				jQuery('textarea', draggable).each(function(){
				  jQuery(this).hide();
				});

				jQuery('input', draggable).each(function(){
				  jQuery(this).show();
				});

			}
	});
	Droppables.add('combos_cargados',{
			hoverclass: 'hoverActive',
			onDrop:function(draggable, droppable, event) {
				draggable.parentNode.removeChild(draggable);
				droppable.appendChild(draggable);

				// Cuando se Tira una Practica, se desactiva el campo de conclusion
				jQuery('textarea', draggable).each(function(){
				  jQuery(this).hide();
				});

				jQuery('input', draggable).each(function(){
				  jQuery(this).show();
				});

			}
	});

	Droppables.add('practicas_actuales',{
			hoverclass: 'hoverActive',
			onDrop:function(draggable, droppable, event) {
				draggable.parentNode.removeChild(draggable);
				droppable.appendChild(draggable);

				// Cuando se Tira una Practica, se desactiva el campo de conclusion
				jQuery('textarea', draggable).each(function(){
				  jQuery(this).hide();
				});

				jQuery('input', draggable).each(function(){
				  jQuery(this).show();
				});

			}
	});
//]]>
</script>
<?php
		echo $this->Form->input('fecha_solicitud', array( 'label' => 'Fecha de Solicitud de las Prácticas Nuevas'
                                    , 'dateFormat' => 'DMY'
                                    , 'minYear' => date('Y') - 80
                                    , 'maxYear' => date('Y') ));
?>
	</fieldset>
	<div class="submit"><input type="submit" value="Cargar" onclick="limpiarResultadoPracticas()"/></div></form>
</div>